<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>BeginCode编程学习社区</title>

    <!-- Bootstrap -->
    <link href="${rc.contextPath}/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="${rc.contextPath}/js/jquery-3.3.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="${rc.contextPath}/js/bootstrap.min.js"></script>
    <link href="${rc.contextPath}/app_css/detail.css" rel="stylesheet">
</head>
<body>
<!-- 导航开始 -->
<#include "common/nav.ftl">
<!-- 导航结束 -->
<!-- 轮播开始 -->
<div class="jumbotron" style="background-color: #337ab7;color: #fff;padding-top: 20px;padding-bottom: 20px">
    <div class="container">
        <h1 style="font-size: 40px">${blog.blogTitle}</h1>
        <p>&nbsp;&nbsp;&nbsp;分享者: ${blog.userHonorInfo.userName}
            &nbsp;&nbsp;&nbsp;&nbsp;code币(${blog.userHonorInfo.coinCount})
            &nbsp;&nbsp;头衔：${blog.userHonorInfo.honorName}
        </p>
    </div>
</div>
<!-- 轮播结束 -->
<div class="container">
    <div class="row">
        <div class="col-md-9">

            <div class="data_list">
                <div>
                    <div class="blog_title"><h3><strong>${blog.blogTitle}</strong></h3></div>
                    <div class="blog_info">
                        发布时间：${blog.cDate?string('yyyy-MM-dd')}
                        &nbsp;&nbsp;阅读(${blog.views})
                        &nbsp;&nbsp;👍（${blog.praiseCount}）
                        &nbsp;&nbsp;👎（${blog.lowCount}）
                    </div>
                    <div class="blog_content">
                    ${blog.blogContent}
                    </div>
                <#if ((blog.keys)??)&&(((blog.keys)?size)>0)>
                    <div class="blog_keyWord">
                        <font><strong>关键字：</strong></font>
                        <#list blog.keys as key>
                            &nbsp;&nbsp;<a href="${rc.contextPath}/blog/keyword/${key.keyWordId}/0"
                                           target="_blank">${key.keyWord}</a>&nbsp;&nbsp;
                        </#list>

                    </div>
                </#if>

                <#--<div class="blog_lastAndNextPage">-->
                <#--<form name="blogCommonForm" id="blogCommonForm" style="margin-top:20px;">-->
                <#--<div class="form-group">-->
                <#--<input type="hidden" name="blogId" id="blogId" value="254"/>-->
                <#--<textarea class="form-control required" id="blogCommentContent"-->
                <#--name="blogCommentContent" rows="3" placeholder="一句话评论"></textarea>-->
                <#--</div>-->
                <#--<div class="form-group">-->
                <#--<button type="button" id="pubBlogCommon" class="btn pub-btn btn-primary ">发表评论</button>-->
                <#--</div>-->
                <#--</form>-->
                <#--</div>-->
                </div>
            </div>

        <#--<div class="data_list">-->
        <#--<div class="datas">-->
        <#--<ul>-->
        <#--<li style="margin-bottom: 30px">-->
        <#--<span class="title"><a href="/blog/articles/379.html">冷水源说</a></span>-->
        <#--<span class="summary">&nbsp;&nbsp;&nbsp;&nbsp;内容有点渣</span>-->

        <#--<span class="info">留言日期： 2018-02-23</span>-->
        <#--</li>-->
        <#--<hr style="height:5px;border:none;border-top:1px dashed gray;padding-bottom:  10px;"/>-->
        <#--<li style="margin-bottom: 30px">-->
        <#--<span class="title"><a href="/blog/articles/379.html">芝麻谷说</a></span>-->
        <#--<span class="summary">&nbsp;&nbsp;&nbsp;&nbsp;能在完善点就好了</span>-->

        <#--<span class="info">留言日期： 2018-02-23 </span>-->
        <#--</li>-->
        <#--<hr style="height:5px;border:none;border-top:1px dashed gray;padding-bottom:  10px;"/>-->
        <#--<li style="margin-bottom: 30px">-->
        <#--<span class="title"><a href="/blog/articles/379.html">zhang7说</a></span>-->
        <#--<span class="summary">&nbsp;&nbsp;&nbsp;&nbsp;写的啥玩意</span>-->

        <#--<span class="info">留言日期： 2018-02-23 </span>-->
        <#--</li>-->
        <#--</ul>-->
        <#--</div>-->
        <#--</div>-->


        </div>


        <div class="col-md-3">

            <div class="data_list">
                <div class="data_list_title">
                    <img src="${rc.contextPath}/icon/classify.ico"/>
                    阅读排行
                </div>
                <div class="datas">
                    <ul>
                        <span id="blogTop">
                            <!-- 阅读排行 -->
                        </span>

                    </ul>
                </div>
            </div>

            <div class="data_list">
                <div class="data_list_title">
                    <img src="${rc.contextPath}/icon/user.ico"/>
                    贡献榜TOP-N
                </div>
                <div class="datas">
                    <ul>
                        <span id="activeUser">
                            <!-- 活跃用户 -->
                        </span>

                    </ul>
                </div>
            </div>

        </div>


    </div>
</div>
<hr>
<#include "common/foot.ftl">
<#assign ctx=rc.contextPath+"/" />

<script type="text/javascript">
    $(document).ready(function () {
        hotBlog("${ctx}");
        activeUser("${ctx}");
    });
</script>
<script src="${rc.contextPath}/app_js/recommend.js?t=201808-5"></script>
</body>
</html>